import { makeStyles,mergeClasses } from "@griffel/react"
import { tokens,FishProviderProps } from "fish-ui-yy"
import { useThemeStyleTag } from "./useThemeStyleTag"
/***
 * useStyles的作用是merge FishProvider组件传下来的类
 */
const fishProviderClassName = {
    root:"fish-ui-FishProvider"
}
const useBaseStyles = makeStyles({
    root:{
        color: tokens.colorBrandBackground,
        backgroundColor: tokens.colorNeutralBackground1,
        textAlign: "left",
    }
})

export const useStyles = ({className,theme}:Partial<FishProviderProps>)=>{
    const base = useBaseStyles()
    const {themeClassName} = useThemeStyleTag({theme})
    return mergeClasses(fishProviderClassName.root,themeClassName,base.root,className)
}